﻿<Page x:Class="WpfTransform.PageSkewTransform"
      xmlns="http://schemas.microsoft.com/winfx/2006/xaml/presentation"
      xmlns:x="http://schemas.microsoft.com/winfx/2006/xaml"
      xmlns:mc="http://schemas.openxmlformats.org/markup-compatibility/2006" 
      xmlns:d="http://schemas.microsoft.com/expression/blend/2008" 
      mc:Ignorable="d" 
      d:DesignHeight="300" d:DesignWidth="800"
	Title="PageSkewTransform">
    <Page.Resources>
        <Style TargetType="TextBlock">
            <Setter Property="Width" Value="150" />
            <Setter Property="Height" Value="75" />
            <Setter Property="TextWrapping" Value="Wrap" />
            <Setter Property="TextAlignment" Value="Center" />
            <Setter Property="FontSize" Value="15" />
        </Style>
    </Page.Resources>
    <Canvas>
        <TextBlock Text=" "  Canvas.Left="50" Canvas.Top="50" Background="LightBlue"  />
        <TextBlock Text="SkewTransform   AngleX30 "  Canvas.Left="50" Canvas.Top="50" 
                   Background="#7700ff00"  >
            <TextBlock.RenderTransform>
                <SkewTransform   CenterX="0" CenterY="0" AngleX="30"   />
            </TextBlock.RenderTransform>
        </TextBlock>

        <TextBlock Text=" "  Canvas.Left="300" Canvas.Top="50" Background="LightBlue"  />
        <TextBlock Text="SkewTransform    AngleY10"  Canvas.Left="300" Canvas.Top="50" 
                   Background="#7700ff00"  >
            <TextBlock.RenderTransform>
                <SkewTransform   CenterX="0" CenterY="0" AngleY="10"   />
            </TextBlock.RenderTransform>
        </TextBlock>

        <TextBlock Text=" "  Canvas.Left="500" Canvas.Top="50" Background="LightBlue"  />
        <TextBlock Text="SkewTransform  AngleX30 AngleY10"  Canvas.Left="500" Canvas.Top="50" 
                   Background="#7700ff00"  >
            <TextBlock.RenderTransform>
                <SkewTransform   CenterX="0" CenterY="0" AngleY="10"  AngleX="30" />
            </TextBlock.RenderTransform>
        </TextBlock>

        <TextBlock Text=" "  Canvas.Left="500" Canvas.Top="200" Background="LightBlue"  />
        <TextBlock Text="AngleX30 AngleY10  RenderTransformOrigin.5,.5"  Canvas.Left="500" Canvas.Top="200" 
                   Background="#7700ff00"  RenderTransformOrigin=".5,.5" >
            <TextBlock.RenderTransform>
                <SkewTransform     AngleY="10"  AngleX="30" />
            </TextBlock.RenderTransform>
        </TextBlock>

      
    </Canvas>
</Page>
